<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>欧朗中国</title>
    <!-- //启用webapp全屏模式 -->

	
    <!--<link rel="stylesheet" href="css/indexCss/swipe.css" />-->
    <!--<link rel="stylesheet" href="css/indexCss/base.css" />-->
    <!--<link rel="stylesheet" href="css/indexCss/index.css" />-->
	<!--<link rel="shortcut icon" href="images/indeximage/bitbug_favicon.ico" />-->
	<link rel="stylesheet" th:href="@{/css/indexCss/swipe.css}" />
    <link rel="stylesheet" th:href="@{/css/indexCss/base.css}" />
    <link rel="stylesheet" th:href="@{/css/indexCss/index.css}" />
	<link rel="shortcut icon" th:href="@{/images/indeximage/bitbug_favicon.ico}"  />

	<script th:src="@{/js/indexJs/jquery-3.2.1.js}"></script>
	<script th:src="@{/js/contactus/jquery-validator/jquery.validate.min.js}"></script>
	<script th:src="@{/js/contactus/jquery-validator/messages_cn.js}"></script>
	<script th:src="@{/assets/layer/layer.js}"></script>
    <script th:src="@{/js/indexJs/nav.js}"></script>
	<script type="text/javascript" src="https://webchat.7moor.com/javascripts/7moorInit.js?accessId=d60277e0-6b93-11e7-990f-3f3fe2aa1ec5&amp;autoShow=false" async="async"></script>
</head>
<body>
<input type="hidden" id = "judge" th:value="${flags}">
    <!-- LOGO图标-->
	<div class="header-mian">
		<!--head-->
		<div class="header">
			<div class="w1280"><!-- 设置logo距离左边距离 -->
				<div class="ui-left">
					<img class="logo-r" th:src="@{/images/indeximage/logo.png}" />
				</div>
				<ul class="shortcut ui-right">


					<li>
						<div class="dt"><img th:src="@{/images/indeximage/24hphone.jpg}" class="img-circle"/>：400-871-0521</div>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<!--导航-->
	<div class="nav clearfix">

		<div class="navitems" id="nav">
			<div class="w1280">
				<div class="nav-box ui-left f14">
					<ul>
						<li><a th:href="@{/f/t/showmain}" class="cur"><font >首 页 </font></a></li>
						<li class="spacer"></li>
						<li><a th:href="@{/f/t/EMS}" target="_Blank"><font >智能制造服务</font></a></li>
						<li class="spacer"></li>
						<li><a th:href="@{/f/t/smartF}" target="_Blank"><font >ODM&amp;客制化</font></a></li>
						<li class="spacer"></li>
						<li><a href="http://cn.eolanescm.com/products_list.html" target="_Blank"><font>PCB全球供应</font></a></li>
						<!-- <li><a href="PCB_SHOW_PRODUCT.html" target="_Blank"><font >PCB全球供应</font></a></li> -->
						<!-- <li><a href="pcdoffer.html" target="_Blank"><font >PCB全球供应</font></a></li> -->
						<li class="spacer"></li>
						<li><a th:href="@{/f/t/incubator}" target="_Blank"><font>智能孵化器</font></a></li>
						<li class="spacer"></li>
						<li><a th:href="@{/f/t/about}" target="_Blank"><font>公司简介</font></a></li>
						<li class="spacer"></li>
						<li><a th:href="@{/f/t/contactus}" target="_Blank"><font>联系我们</font></a></li>
					</ul>
					<div class="nav-line" style="left: 92px; width: 64px;"></div>
				</div>

				<div class="userInfo" id="sc1" th:if="${flags}">
					<span style="color: dimgrey; font-size: 18px;float: left;">欢迎</span>
					<div style="border-radius: 50%;float: left;
						width: 30px;height: 30px;">
						<img th:src="@{/images/indeximage/userImg.png}">
					</div>
					<span class="userTran"></span>
					<ul class="userMenu">
						<a th:href="@{/f/t/login}"><li><font style="color: black;font-size: 15px;">登录</font></li></a>
						<a th:href="@{/f/t/register}"><li><font style="color: black;font-size: 15px;">注册</font></li></a>
					</ul>
					</a>
				</div>
				<!-- 登录二 -->
				<div class="userInfo" id="sc2" th:if="not ${flags}">
					<!--个人中心-->
					<span style="color: dimgrey; font-size: 18px;float: left;">欢迎</span>
					<div style="border-radius: 50%;float: left;
						width: 30px;height: 30px;margin-top: 7px;">
						<img class="round_icon"  th:src="@{'/eolane/' + ${photoAddress}}" />
					</div>
					<span class="userTran"></span>
					<ul class="userMenu">
						<a th:href="@{/f/u/percenter}" target="_Blank"><li><font style="color: black; font-size: 14px;">个人中心</font></li></a>
						<a th:href="@{/f/u/updatepwd}" target="_Blank"><li><font style="color: black; font-size: 14px;">修改密码</font></li></a>
						<a th:href="@{/f/u/withdraw}"><li><font style="color: black;font-size: 14px;">安全退出</font></li></a>
					</ul>
					</a>
				</div>
			</div>
		</div>
	</div>

 

    <!--轮播图-->
    <div class="index-banner">
        <!--首页轮播图-->
       <div class="change-btn">
            <span class="banner-left"></span>
            <!-- <span class="banner-right"></span> --><!-- 右侧悬浮窗干扰故删除 -->
        </div>
        <div class="swiper-container">
		   <div class="swiper-wrapper">
			<a class="swiper-slide" style="background: url(/eolane/images/indeximage/indexswipeimage1.jpg) center no-repeat;cursor:default;"></a>
			<a class="swiper-slide" style="background: url(/eolane/images/indeximage/indexswipeimage2.jpg) center no-repeat;cursor:default;"></a>
			<a class="swiper-slide" style="background: url(/eolane/images/indeximage/indexswipeimage3.jpg) center no-repeat;cursor:default;"></a>
			<a class="swiper-slide" style="background: url(/eolane/images/indeximage/indexswipeimage4.jpg) center no-repeat;cursor:default;"></a>
			<a class="swiper-slide" style="background: url(/eolane/images/indeximage/indexswipeimage5.jpg) center no-repeat;cursor:default;"></a>


			</div>
            <div class="pagination"></div>
        </div>

        <div class="w clearfix">
            <div class="fast-instant">
                <div class="instant-hd">
                    <ul class="tabs f14">
                        <li class="selected"><span class="jp-icon">
                            <!-- <img src="//img.jdbpcb.com/new_web/images/tabs-PCB-hover@icon.png" /> --></span>PCB报价<i class="spacer"></i></li>
                       <li><span class="jp-icon">
                        </span>SMT报价<i class="spacer"></i></li>
                        <li><span class="jp-icon">
                            <!-- <img src="//img.jdbpcb.com/new_web/images/tabs-gw-hover@icon.png" /> --></span>快速打样报价<i class="spacer"></i></li>
                        <li><span class="jp-icon">
                            <!-- <img src="//img.jdbpcb.com/new_web/images/tabs-design-hover@icon.png" /> --></span>ODM字段联系<i class="spacer"></i></li>
                    </ul>

                </div>
                <div class="tab_box">
                    <!--01-->
                    <div class="instant-bd" style="display: block;">
                        <form  th:action="@{/f/t/pcboffer1}" method="post" target="_blank">
                            <dl class="PCB-item clearfix">
                                <dd>
                                    <div class="option-size">
                                        <em class="ms text-a">
                                            <!--<input class="input" type="text" name="length"  value="宽" onfocus="if(value==defaultValue){value='';this.style.color='#333'}" onblur="if(!value){value=defaultValue; this.style.color='#999'}" style="color: rgb(153, 153, 153);">-->
                                            <input class="input easyui-validatebox" name="width" id="width"
                                            type="text" placeholder="宽" oninput="value=value.replace(/[^\d]/g,''); "onblur="if(value>450)value=450;if(value<5)value=5;" />
                                            <span class="ui-left col-8 cf font18">×</span>
                                            <!--<input class="input" type="text" name="width" value="长" onfocus="if(value==defaultValue){value='';this.style.color='#333'}" onblur="if(!value){value=defaultValue; this.style.color='#999'}" style="color: #999">
-->                                          <input class="input easyui-validatebox" name="length" id="length"
                                                    type="text" placeholder="长" oninput="value=value.replace(/[^\d]/g,'');"onblur="if(value>450)value=450;if(value<5)value=5;"  />
                                            <span class="ui-left col-8 mm font14">cm</span>
                                        </em>
                                    </div>
                                </dd>
                                <dd>
                                    <div class="option-size">
                                        <em class="ms text-a">
                                            <label class="dt">层数</label>
                                            <div class="select-box">
                                                <!-- <i class="select-icon"></i> -->
                                                <select name="layer" >
													<th:block th:each="dicObject:${#dic.getDicList('number_layers')}">
														<option th:value="${dicObject.value}+层" th:text="${dicObject.value}+层">1层</option>
													</th:block>
													<!--<option selected="selected">2</option>-->
                                                    <!--<option>4</option>-->
                                                    <!--<option>6</option>-->
                                                    <!--<option>8</option>-->
                                                    <!--<option>10</option>-->
                                                    <!--<option>12</option>-->
                                                    <!--<option>14</option>-->
                                                </select>
                                            </div>
                                        </em>
                                    </div>
                                </dd>
                                <dd>
                                    <div class="option-size">
                                        <em class="ms text-a">
                                            <label class="dt">数量</label>
                                            <div class="select-box">
												<input class="input easyui-validatebox" type="number"
													   style="width: 150px"
													   name="num" id="pcb_num" value="5"
													   oninput="if(value>10000)value=10000;if(value<0)value=1;"/>
                                                <!-- <i class="select-icon"></i> -->
                                                <!--<select name="num">-->
                                                    <!--<option>请选择板子数量</option>-->
                                                    <!--<option value="5">5</option>-->
                                                    <!--<option value="10">10</option>-->
                                                    <!--<option value="15">15</option>-->
                                                    <!--<option value="20">20</option>-->
                                                    <!--<option value="25">25</option>-->
                                                    <!--<option value="30">30</option>-->
                                                    <!--<option value="40">40</option>-->
                                                    <!--<option value="50">50</option>-->
                                                    <!--<option value="75">75</option>-->
                                                    <!--<option value="100">100</option>-->
                                                <!--</select>-->
                                            </div>
                                        </em>
                                    </div>
                                </dd>

                                <dd>
                                    <div class="option-size">
                                        <em class="ms text-a">
                                            <label class="dt">厚度</label>
                                            <div class="select-box">
                                                <!-- <i class="select-icon"></i> -->
                                                <select name="thinkness">
													<th:block th:each="dicObject:${#dic.getDicList('thickness')}">
														<option th:value="${dicObject.value}" th:text="${dicObject.value}"></option>
													</th:block>
												    <!--<option value="0.4">0.4</option>-->
													<!--<option value="0.6">0.6</option>-->
													<!--<option value="0.8">0.8</option>-->
													<!--<option value="1.0">1.0</option>-->
													<!--<option value="1.2">1.2</option>-->
													<!--<option value="1.6" selected="selected">1.6</option>-->
													<!--<option value="2.0">2.0</option>-->
													<!--<option value="2.4">2.4</option>-->
                                                </select>
                                            </div>
                                        </em>
                                    </div>
                                </dd>
                            </dl>
                    
                        <button class="quoteBtn f14 radius" type="submit" id="btnAddCart">立即报价</button>
						&nbsp;&nbsp;&nbsp;&nbsp;
						<a><input class="quoteBtn f14 radius" type="reset" value="重新选择"></inpuit></a>
                        </form>
                       </div>

					<!--02-->
					<div class="instant-bd">
						<form id="" method="get" target="_blank">
							<dl class="PCB-item clearfix">
								<dd>
									<div class="option-size">
										<em class="ms text-b">
											<label class="dt">元器件数量</label>
											<div class="select-box">
												<input class="input" type="text" name="smt_yjnum"  value="">
											</div>
										</em>
									</div>
								</dd>

								<dd>
									<div class="option-size">
										<em class="ms text-b">
											<label class="dt">电路板数量</label>
											<div class="select-box">
												<input class="input" type="text" name="smt_pcbnum" value="">
											</div>
										</em>
									</div>
								</dd>

								<dd>
									<label class="dt">工艺要求：</label>
									<ul class="choose" data-id="smt_tech" id="smt_tech_ul">
										<li class="over" data-value="有铅">有铅</li>
										<li data-value="无铅">无铅</li>
									</ul>
									<input type="hidden" name="smt_tech" id="smt_tech" value="有铅">
								</dd>

								<dd>
									<label class="dt">代购元件：</label>
									<ul class="choose" data-id="smt_dgyj" id="smt_dgyj_ul">
										<li data-value="是">是</li>
										<li data-value="否" class="over">否</li>
									</ul>
									<input type="hidden" name="smt_dgyj" id="smt_dgyj" value="否">
								</dd>
								</dl>

								<button class="quoteBtn f14 radius" type="button" onclick="Sufun()">立即报价</button>
									&nbsp;&nbsp;&nbsp;&nbsp;
									<a><input class="quoteBtn f14 radius" type="reset" value="重新选择"></inpuit></a>
						</form>
					</div>



					<!--03-->
                    <div class="instant-bd">
                        <form  th:action="@{/f/t/pcboffer}" method="post" >
                            <dl class="PCB-item clearfix">
                                <dd>
                                    <div class="option-size">
                                        <em class="ms text-b">
                                            <label class="dt">开钢网数量</label>
                                            <div class="select-box">
                                                <input class="input" type="text" name="名称" value="">
                                            </div>
                                        </em>
                                    </div>
                                </dd>
                                <div class="clearfloat"></div>
                               <dd>
                                    <label class="dt">MARK要求：</label>
                                    <ul class="choose" id="stencil_mark_ul" data-id="stencil_mark">
                                        <li class="over" data-value="需要">需要</li>
                                        <li data-value="不需要">不需要</li>
                                    </ul>
                                    <input type="hidden" id="stencil_mark" name="stencil_mark" value="需要">
                                </dd>
                                   <dd>
                                    <label class="dt">钢网用途：</label>
                                    <ul class="choose" id="stencil_use_ul" data-id="stencil_use">
                                        <li class="over" data-value="锡膏网">锡膏网</li>
                                        <li data-value="红胶网">红胶网</li>
                                    </ul>
                                    <input type="hidden" id="stencil_use" name="stencil_use" value="锡膏网">
                                </dd>
                            </dl>
                      
                        <button class="quoteBtn f14 radius" type="submit">立即报价</button>
						&nbsp;&nbsp;&nbsp;&nbsp;
						<a><input class="quoteBtn f14 radius" type="reset" value="重新选择"></inpuit></a>
                       </form>
                    </div>

                    <!-- 选项按钮来回切换-->
                    <script type="text/javascript">

                             $(document.body).on('click', ".choose li", function () {
                                 var parent = $(this).parent();
                                 var th = $(this);

                                 if (th.hasClass("disable")) {
                                     return false;
                                 }

                                 parent.find(".over").removeClass("over");
                                 th.addClass("over");
                                 var dataid = parent.attr("data-id");
                                 var datavalue = th.attr("data-value");
                                 if (dataid) {
                                     $("#" + dataid).val(datavalue).trigger('change');
                                 }

                             });
                    </script>
                    <!--04-->
                    <div class="instant-bd">
						<form  id="commentForm"  method="post">
							<dl class="PCB-item clearfix">
								<dd>
									<div class="option-size">
										<em class="ms text-b">
											<label class="noteFontName">姓名</label>
											<div class="select-box">
												<input class="input" type="text" name="name"  id="ODMname" placeholder="请输入您的姓名">
											</div>
										</em>
									</div>
								</dd>
								<dd>
									<div class="option-size">
										<em class="ms text-b">
											<label class="noteFontPhone">电话</label>
											<div class="select-box">
												<input class="input" type="text" name="telephone" id="ODMtelephone" placeholder="请输入联系电话">
											</div>
										</em>
									</div>
								</dd>
								<div class="bussName">
									<div class="option-size">
										<em class="ms text-b">
											<label class="noteFontPhone">公司</label>
											<div class="select-box">
												<input class="bussNameInput" type="text" name="company" id="ODMcompany"  placeholder="请输入公司名称">
											</div>
										</em>
									</div>
								</div>


								<input class="quoteBtn f14 radius" type="button" onclick="sent3()" value="提交" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<a><input class="quoteBtn f14 radius" type="reset" value="重填"></inpuit></a>
							</dl>
						</form>

                    </div>
                </div>
            </div>
			<!-- 实现四个框来回切换 -->
           <script type="text/javascript">
                $(function () {
                    var $tas_li = $(".tabs li");
                    $tas_li.click(function () {
                        $(this).addClass("selected").siblings().removeClass("selected");
                        var index = $tas_li.index(this);
                        $(".tab_box .instant-bd").eq(index).show().siblings().hide(); //隐藏其它几个同辈的<div>元素
                    })
                })
            </script>
            <!--<ul class="advertising ui-right">
					<li><img src="//img.jdbpcb.com/new_web/images/index/index-add1.png"/></li>
					<li><img src="//img.jdbpcb.com/new_web/images/index/index-add2.png"/></li>
					<li><img src="//img.jdbpcb.com/new_web/images/index/index-add3.png"/></li>
				</ul>-->
        </div>
    </div>

    <!--主体-->
    <div class="g-mian clearfix">

        <!--服务保障-->
        <div class="J-service-container">
            <div class="w1280">
                <div class="four-security">
                    <a th:href="@{/f/t/EMS}" >
                    	<div class="item mr10">
                    		<dl>
                    			<dt class="f16 bold" style="color: #002E60;">EMS电子制造服务</dt>
                    			<dd>提供一站式解决方案，助力“智“造新时代</dd>
                    		</dl>
                    		<span class="jp-ico">
                    			<img th:src="@{/images/indeximage/EMSpro.png}" style="width: 55px;height: 55px;"/>
                    		</span>
                    	</div>
                    </a>
                    <a th:href="@{/f/t/smartF}">
                    	<div class="item mr10">
                    		<dl>
                    			<dt class="f16 bold" style="color: #002E60;">ODM&amp;客制化研发</dt>
                    			<dd>依客户需求量身打造专属产品，为企业赋能</dd>
                    		</dl>
                    		<span class="jp-ico">
                    			<img th:src="@{/images/indeximage/ODM.png}" style="width: 55px;height: 55px;"/></span>
                    	</div>
                    </a>
                    <a href="http://cn.eolanescm.com/products_list.html">
                    	<div class="item mr10">
                    		<dl>
                    			<dt class="f16 bold" style="color: #002E60;">PCB全球供应链管理</dt>
                    			<dd>驱动供应链创新，实现生产力利润双提升</dd>
                    		</dl>
                    		<span class="jp-ico">
                    			<img th:src="@{/images/indeximage/PCBglobal.png}" style="width: 55px;height: 55px;" /></span>
                    	</div>
                    </a>
                    <a th:href="@{/f/t/incubator}">
                    	<div class="item mr10">
                    		<dl>
                    			<dt class="f16 bold" style="color: #002E60;">智能硬件孵化器</dt>
                    			<dd>全产业链智能硬件孵化器，帮您链接更多可能</dd>
                    		</dl>
                    		<span class="jp-ico">
                    			<img th:src="@{/images/indeximage/smart.png}" style="width: 55px;height: 55px;" /></span>
                    	</div>
                    </a>
                </div>

            </div>
        </div>

		<!--关于欧朗-->
		<div id="about_eolane">
			<div class="eolane_Info_img">
				<img class="eolane_Info_image1" th:src="@{/images/indeximage/eolaneInfo1.png}"/>
				<img class="eolane_Info_image2" th:src="@{/images/indeximage/eolaneInfo2.png}"/>
				<img class="eolane_Info_image3" th:src="@{/images/indeximage/eolaneInfo3.png}"/>
			</div>
		</div>
        <!--产品展示-->
		<div id="showCase">
			<div id="showcase_title"><center><img th:src="@{/images/indeximage/Ourproduct.png}"/></center></div>
			
			<div>
				<center>
				<div class="rollBox">
					<div class="LeftBotton" onmousedown="ISL_GoUp()" onmouseup="ISL_StopUp()" onmouseout="ISL_StopUp()"></div>
					<div class="Cont" id="ISL_Cont">
						<div class="ScrCont">
							<div id="ShowCaseList1">
				
								<!-- 图片列表 begin -->
								<div class="pic">
									<img th:src="@{/images/indeximage/product7.jpg}" width="300px" height="287px" alt="产品" />
								</div>
								<div class="pic">
									<img th:src="@{/images/indeximage/product2.jpg}" width="300px" height="287px" alt="产品" />
								</div>
								<div class="pic">
									<img th:src="@{/images/indeximage/product6.jpg}" width="300px" height="287px" alt="产品" />
								</div>
								<div class="pic">
									<img th:src="@{/images/indeximage/product5.jpg}" width="300px" height="287px" alt="产品" />
								</div>
								<div class="pic">
									<img th:src="@{/images/indeximage/product4.jpg}" width="300px" height="287px" alt="产品" />
								</div>
								<div class="pic">
									<img th:src="@{/images/indeximage/product3.jpg}" width="300px" height="287px" alt="产品" />
								</div>
								<div class="pic">
									<img th:src="@{/images/indeximage/product1.jpg}" width="300px" height="287px" alt="产品" />
								</div>
								<!-- 图片列表 end -->
				
							</div>
							<div id="ShowCaseList2"></div>
						</div>
					</div>
					<div class="RightBotton" onmousedown="ISL_GoDown()" onmouseup="ISL_StopDown()" onmouseout="ISL_StopDown()"></div>
				</div>
				</center>
				</div>
			</div>
    	</div>
    </div>  	
		

    <!--底部版权-->
    <div class="footer">
        <div class="w1280">
            <div class="copyright-group1 clearfix">
                <div class="foot-nav-sidebar">
                    <dl class="item">
                        <dt class="f14">快捷下单</dt>
                        <dd><a th:href="@{/f/t/pcboffer}" target="_Blank">PCB报价</a></dd>
                        <dd><a href="https://www.bom2buy.com" target="_Blank">SMT报价</a></dd>
                        <dd><a th:href="@{/f/t/pcboffer}" target="_Blank">快捷打样报价</a></dd>
                        <dd><a id="backODM" target="_Blank">ODM</a></dd>
                    </dl>
					<dl class="item">
						<dt class="f14">新闻中心</dt>
						<dd><a th:href="@{/f/t/news/companyNews(category=1)}" target="_Blank">行业新闻</a></dd>
						<dd><a th:href="@{/f/t/news/companyNews(category=0)}" target="_Blank">公司新闻</a></dd>
					</dl>
                    <dl class="item">
                        <dt class="f14">公司展示</dt>
                        <dd><a th:href="@{/f/t/EMS}" target="_Blank">EMS智能制造服务</a></dd>
                        <dd><a th:href="@{/f/t/smartF}" target="_Blank">ODM&amp;客制化研发</a></dd>
                        <dd><a href="http://cn.eolanescm.com/products_list.html" target="_Blank">PCB全球供应链管理</a></dd>
                        <dd><a th:href="@{/f/t/incubator}" target="_Blank">智能硬件孵化器</a></dd>
                    </dl>
                </div>

                <div class="foot-tel-center">
                    <p class="dt f14">&#9742;&nbsp;&nbsp;服务热线：<br />
						<span style="font-size: 20px;font-weight: 400;">400-871-0521</span>
					</p>
                    <p class="dt f14">&#9993;&nbsp;&nbsp;公司邮箱：<br/>
						<span style="font-size: 20px;font-weight: 400;">marketing@eolane.cn</span>
					</p>
                    <p class="dt f14"><img th:src="@{/images/indeximage/p2.png}">&nbsp;&nbsp;公司地址：<br />
						<!-- <span class="en">江苏省苏州市工业园区东富路9号东景工业坊49幢</span> -->
						<span style="font-size: 16px;font-weight: 400;">江苏省苏州市工业园区东富路9号东景工业坊49幢</span>
					</p>
                </div>
            </div>

            <div class="copyright-group2 clearfix">
                <div class="Rz-item">
                    <span class="dt">通过认证:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <img th:src="@{/images/indeximage/copyright1@icon.png}" />&nbsp;
                    <img th:src="@{/images/indeximage/copyright2@icon.png}" />&nbsp;
                    <img th:src="@{/images/indeximage/copyright4@icon.png}" />
                </div>
            </div>

           <!-- <div class="copyright-group3 clearfix">
				<p>联系电话：+86 400 871 0521</p>
				<p>公司地址：江苏省苏州市工业园区东富路9号东景工业坊49幢</p>
				<p>邮箱：marketing@eolane</p>
            </div> -->
        </div>

    </div>
    <!--在线咨询-->
    <script th:src="@{/js/indexJs/rightimg.js}"></script>
    


	<!--在线咨询-->
	<div class="Online-consulting">
		<ul>
			<!-- 7moor客服 -->
			<li id="7moorchat" style="cursor: pointer;">
				<img th:src="@{/images/indeximage/connectkefu.png}"/>
				<div class="hide">
					<em class="tel f14 center">
						联系客服
					</em>							
				</div>
			</li>
			<li STYLE="display: none">
				 <a href="tencent://message/?uin=10001&amp;Site=www.jdbpcb.com&amp;Menu=yes" target="_blank">
					<img th:src="@{/images/indeximage/shop-qq@icon.png}"/>
				</a>
				<div class="hide">
					<em class="qq f14">
						<i><a href="tencent://message/?uin=10001&amp;Site=www.jdbpcb.com&amp;Menu=yes" target="_blank"><img th:src="@{/images/indeximage/qq2@icon.png}"/></a></i>
						10001
					</em>							
				</div>
			</li>
			
			<li>
				<a href="javascript:;">
					<img th:src="@{/images/indeximage/quick-tel@icon.png}"/>
				</a>
				<div class="hide">
					<em class="tel f14 center">
						400-871-0521
					</em>							
				</div>
			</li>
			
			<li>
				<a href="javascript:;">
					<img th:src="@{/images/indeximage/quick-ewm@icon.png}"/>
				</a>
				<div class="hide" style="width: 340px; background-color: transparent; left: 50px; opacity: 1;">
					<em class="ewm">
						<!-- <div style="width: 124px;height: 124px; background-image: url(image/indeximage/欧朗中国.png);">
						</div> -->
						<img th:src="@{/images/indeximage/eolane_china.png}"/>
						<p style="text-align: center;">
							扫一扫进入欧朗中国
						</p>
					</em>		
					<em class="ewm">
						<img th:src="@{/images/indeximage/eolane_suchou.png}"/>
						<p style="text-align: center;">
							欧朗物联硬创空间
						</p>
					</em>		
				</div>
			</li>
			<li id="return-Top">
				<a href="javascript:;"><img th:src="@{/images/indeximage/quick-backtotop.png}"/></a>
			</li>
		</ul>
	</div>


    <script th:src="@{/js/indexJs/swipe.js}"></script>
		
    <script>
        /*banner轮播图*/
        var mySwiper = new Swiper('.swiper-container', {
            pagination: '.pagination',
            loop: true,
            grabCursor: true,
            paginationClickable: true,
            autoplay: 5000,
            simulateTouch: false,
            autoplayDisableOnInteraction: false,
        });
        /*上一张*/
        $('.change-btn .banner-left').on('click', function (e) {
            e.preventDefault()
            mySwiper.swipePrev()
        })
        /*下一张*/
        $('.change-btn .banner-right').on('click', function (e) {
            e.preventDefault()
            mySwiper.swipeNext()
        })

        /*上一张*/
        $('.control .arrow-left1').on('click', function (e) {
            e.preventDefault()
            mySwiper2.swipePrev()
        })
        /*下一张*/
        $('.control .arrow-right1').on('click', function (e) {
            e.preventDefault()
            mySwiper2.swipeNext()
        })


        /*鼠标悬停及鼠标离开开启轮播*/
        $(".swiper-container").mouseenter(function () {
            mySwiper.stopAutoplay();
        }).mouseleave(function () {
            mySwiper.startAutoplay();
        });
	</script>


	<script type="text/javascript">
		/*导航下拉悬停*/
		if (document.body.clientWidth) {
			window.onscroll = function () {
				var t = document.documentElement.scrollTop || document.body.scrollTop;
				var membernav = document.getElementById("nav");
				if (t >= 88) {
					membernav.className = "navitems-scroll";
				} else {
					membernav.className = "navitems";
				}
			}
		}
	</script>
	<script type="text/javascript">
		document.getElementById("backODM").onclick = function(){
			var sc = $(window).scrollTop();
			$('body,html').animate({
				scrollTop: 0
			}, 500);
			$(".tabs li")[3].click();
		}
	</script>
	</body>
<script th:inline="javascript">
	/*<![CDATA[*/
	var contextPath = [[${#request.getContextPath()}]]; //获取当前应用路径
	/*]]>*/
</script>

<script type="text/javascript">

	function sent3() {
		var ODMname = $("#ODMname").val();
		var ODMtelephone = $("#ODMtelephone").val();
		var ODMcompany = $("#ODMcompany").val();
		if(ODMcompany!=null&&ODMcompany.length>0&&ODMname!=null&&ODMname.length>0&&ODMtelephone!=null&&ODMtelephone.length>0){
			//验证表单数据
			if ($("#commentForm").valid()) {
				//获取数据
				var data = $("#commentForm").serialize();
				$.ajax({
					url: contextPath + '/f/t/contactus4',
					data: data,
					type: "post",
					timeout : 40000,
					beforeSend : function() {
						var index = layer.load(2, {time: 1*1000});
					},
					complete : function() {

					},
					success: function (msg) {
						if(msg == "104"){
							layer.confirm('发送成功，我们将尽快和您取得联系！', {
								btn: ['确定'] //按钮
							}, function(){
								window.location.href =  contextPath + "/f/t/showmain";
							});
						} else{
							layer.alert('发送失败！', {icon: 2});
						}
					}
				});
			}
		}else{
			layer.alert("字段不能为空！");
		}
	}
</script>

<script>
	function Sufun() {
		window.location.href =  "https://www.bom2buy.com/";
	}
</script>
</html>
